<div>
	<div class='row'>
		<div class='col-xs-2'>
			<div class='panel panel-default'>
				<div class='panel-body'>
					<div class="ztree" id='org-tree'></div>
				</div>
			</div>
		</div>
		<div class='col-xs-10'>
			<!-- 查询 -->
			<section class='panel panel-default'>	
				<div class='panel-body'>
					<form name='search-form'>
						<div class='row'>
							<div class='col-xs-11'>
								<div class='row'>
									<div class='col-xs-4'>
										<div class='form-group group-inline'>
											<label>登陆账号:</label>
											<input type='text' ng-model='searchParam.username' class='form-control' placeholder='请输入登陆账号'>
										</div>
									</div>
									<div class='col-xs-4'>
										<div class='form-group group-inline'>
											<label>用户姓名:</label>
											<input type='text' ng-model='searchParam.realName' class='form-control' placeholder='请输入用户姓名'>
										</div>
									</div>
									<div class='col-xs-4'>
										<div class='form-group group-inline'>
											<label>状态:</label>
											<select class='form-control' ng-model='searchParam.status' >
												<option>--请选择--</option>
											</select>
										</div>
									</div>
									<div class='col-xs-4'>
										<div class='form-group group-inline'>
											<label>用户角色:</label>
											<select class='form-control' ng-model='searchParam.roleId' >
												<option>--请选择--</option>
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class='col-xs-1'>
								<a href='javascript:;' name='search-btn' class='btn btn-info'>
									<i class='glyphicon glyphicon-search'></i>
									查询
								</a>		
							</div>
						</div>
						
					</form>
				</div>
			</section>
			<!-- #查询 -->

			<section class='panel panel-default'>
				<div class='panel-body' name="dataUserList">
					<div class='row'>
						<div class='col-xs-8'>
							<div class='btn-group'>
								<a href='javascript:;' id='user-create-btn' class='btn btn-info' title='新增'>
									<i class='glyphicon glyphicon-plus'></i>新增
								</a>
								<!--<a href='javascript:;' class='btn btn-danger' title='删除'>
									<i class='glyphicon glyphicon-trash'></i>
								</a>
								<a href='javascript:;' class='btn btn-primary' title='修改'>
									<i class='glyphicon glyphicon-cog'></i>
								</a>
								<a href='javascript:;' class='btn btn-info' title='导入'>
									<i class='glyphicon glyphicon-import'></i>
								</a>
								<a href='javascript:;' class='btn btn-info' title='导出'>
									<i class='glyphicon glyphicon-export'></i>
								</a>-->
							</div>
						</div>
					</div>
					<ng-datatable data-setting='dataTable.setting' data-table='dataTable.table'  data-search-param='searchParam' id='datatable-list'></ng-datatable>
				</div>
			</section>
		</div>
	</div>

	

	<!-- 新增表单 -->
	<div class="modal fade" id='user-create-modal' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style='width:800px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						新增用户
					</h4>
				</div>
				<div class="modal-body">
					<form id='user-create-form'>
						<div class='row'>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>登陆账号：</label>
									<input type='text' placeholder='请输入登陆账号' ng-model = 'createData.username' class='form-control' name='username'>
								</div>
								<div class='help-block'>长度6-20个祖母、数字、下划线组成</div>
							</div>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>用户姓名：</label>
									<input type='text' placeholder='请输入用户姓名' ng-model = 'createData.realName' class='form-control' name='realName'>
								</div>
								<div class='help-block'>长度6-20个祖母、数字、下划线组成</div>
							</div>
						</div>
						<div class='row'>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>用户角色：</label>
									<select  ng-model = 'createData.roleId' class='form-control' name='roleId'>
										<option value=''>请选择</option>
										<option value='1'>系统管理员</option>
									</select>
								</div>
								<div class='help-block'></div>
							</div>					
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">取消
					</button>
					<button type="button" name='positive-btn' class="btn btn-primary">
						保存
					</button>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 修改表单 -->
	<div class="modal fade" id='user-modify-modal' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style='width:800px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						修改用户
					</h4>
				</div>
				<div class="modal-body">
					<form id='user-modify-form'>
						<div class='row'>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>登陆账号：</label>
									<input type='text' placeholder='请输入登陆账号' ng-model = 'modifyData.username' class='form-control' name='username'>
								</div>
								<div class='help-block'>长度6-20个祖母、数字、下划线组成</div>
							</div>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>用户姓名：</label>
									<input type='text' placeholder='请输入用户姓名' ng-model = 'modifyData.realName' class='form-control' name='realName'>
								</div>
								<div class='help-block'>长度6-20个祖母、数字、下划线组成</div>
							</div>
						</div>
						<div class='row'>
							<div class='col-xs-6'>
								<div class='form-group group-inline'>
									<label class='required'>用户角色：</label>
									<select  ng-model = 'modifyData.roleId' class='form-control' name='roleId'>
										<option value=''>请选择</option>
										<option value='1'>系统管理员</option>
									</select>
								</div>
								<div class='help-block'></div>
							</div>					
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">取消
					</button>
					<button type="button" name='positive-btn' class="btn btn-primary">
						保存
					</button>
				</div>
			</div>
		</div>
	</div>
</div>
